html,body{font-family:"Montserrat","PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;margin:0px auto;}
div,ul,ol,li,form,h3,dt,dl,dd,p{margin:0px;padding:0px;list-style-image:none;list-style-type:none;font-size:16px;}
*{outline:none;margin:0px;padding:0px;}
a{color:#000;transition:all .3s ease;text-decoration:none;}
a:hover{color:rgba(51,102,255,1);}
.wbox{width:1400px;margin:0px auto;}
.mbox{max-width:1400px;margin:0px auto;padding:0px 20px;}
.mw{min-width:1400px;}
.pics{width:100%;height:auto;}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/PingFangSCRegular.eot');
    src: url('../fonts/PingFangSCRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFangSCRegular.woff2') format('woff2'),
        url('../fonts/PingFangSCRegular.woff') format('woff'),
        url('../fonts/PingFangSCRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFangSC Bold';
    src: url('../fonts/PingFangSCBold.eot');
    src: url('../fonts/PingFangSCBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFangSCBold.woff2') format('woff2'),
        url('../fonts/PingFangSCBold.woff') format('woff'),
        url('../fonts/PingFangSCBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-line';
    src: url('../fonts/Montserrat-ExtraLight.eot');
    src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('Montserrat-ExtraLight.woff') format('woff'),
        url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*头部*/
.topBg{background:#fff;}
.topBg .topBox{height:60px;display:flex;align-items:center;justify-content:flex-end;}
.topBg .topBox .langBox{}
.topBg .topBox .langBox span{font-size:20px;margin-right:5px;}
.topBg .topBox .langBox a{background:#c4c4c4;border-radius:40px;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;padding:0px 15px;}
.topBg .topBox .soBox{margin-right:30px;}
.topBg .topBox .soBox dl{width:38px;height:38px;border-radius:40px;border:1px #c4c4c4 solid;display:flex;align-items:center;transition:all .3s ease;}
.topBg .topBox .soBox dl:hover{width:260px;}
.topBg .topBox .soBox dt{}
.topBg .topBox .soBox dt .put{width:0px;background:none;border:none;height:38px;line-height:38px;transition:all .3s ease;font-size:16px;}
.topBg .topBox .soBox dl:hover dt .put{width:200px;margin-left:20px;}
.topBg .topBox .soBox dd{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer;}
.topBg .topBox .soBox dd span{color:#1a1a1a;font-size:20px;}

.menuBg{position:absolute;width:100%;left:0px;top:0px;z-index:9;transition:all .3s ease;border-top:1px transparent solid;}
.menuBg .menuBox{height:70px;display:flex;align-items:center;justify-content:space-between;}
.menuBg .menuBox .logo{height:70px;overflow:hidden;display:flex;align-items:center;margin-right:100px;}
.menuBg .menuBox .logo span{font-size:200px;color:#fff;}
.menuBg .menuBox .navBox{display:flex;align-items:center;justify-content:space-between;width:100%;flex:1;}
.menuBg .menuBox .navBox .item {position:relative;z-index:9;}
.menuBg .menuBox .navBox .item > a{display:inline-block;color:#fff;font-size:18px;position:relative;height:70px;line-height:70px;}
.menuBg .menuBox .navBox .item > a::after{content:'';position:absolute;bottom:0px;width:0;left:50%;height:3px;background:#36f;transition:all .3s ease;z-index:99;}
.menuBg .menuBox .navBox .item:hover a::after{width:98%;left:1%;}
.menuBg .menuBox .navBox .item a:hover{font-weight:bold;}


.menuBg:hover{background:rgba(0,0,0,0.6);border-top:1px #ddd solid;}
.menuBg:hover .logo span{color:#36f;}
.menuBg:hover .navBox .item > a{color:#fff;}
.menuBg .menuBox .navBox .downBg{position:fixed;left:0px;top:130px;background:rgba(0,0,0,0.6);width:100%;padding:30px 0;border-top:#ddd 1px solid;border-bottom-right-radius:150px;display:none;}
.menuBg .menuBox .navBox .navInfo{display:inline-block;}
.menuBg .menuBox .navBox .navInfo dl{margin-bottom:20px;}
.menuBg .menuBox .navBox .navInfo dl dt{display:inline-block;background:linear-gradient(to right ,rgba(51,102,255,1), rgba(51,102,255,0.8), rgba(51,102,255,0) 100%);color:#fff;height:38px;line-height:38px;text-align:center;padding:0px 80px 0 20px;margin-bottom:10px;}
.menuBg .menuBox .navBox .navInfo dd{height:38px;line-height:38px;}
.menuBg .menuBox .navBox .navInfo dd a{color:#fff;}
.menuBg .menuBox .navBox .navInfo dd a:hover{color:#36f;}

.bannerBox{position:relative;}

.bannerSwiper .swiper-slide{position:relative;}
.bannerSwiper .swiper-slide .itemBox{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:9;}
.bannerSwiper .swiper-slide .itemBox .mbox{height:80%;display:flex;align-items:center;overflow:hidden;}

.bannerSwiper .swiper-slide.videoBg{position:relative;overflow:hidden;}
.bannerSwiper .swiper-slide.videoBg #sVideo{width:100%;height:100%;left:0px;top:0px;position:absolute;z-index:9;}

.bannerSwiper .up-slide dl{animation: slide-up 2s;}
.bannerSwiper .down-slide dl{animation: slide-up 1s;}

#sVideo,#fVideo{width:100%;object-fit:cover;-o-object-fit:cover;transition:all .3s ease;}



@keyframes slide-up {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}


.bannerSwiper .swiper-slide p img{transition:1s linear 2s;transform:scale(1.2,1.2);}
.bannerSwiper .swiper-slide-active p img, .bannerSwiper .swiper-slide-duplicate-active p img{
    transition:6s linear;
    transform:scale(1,1);
}	

.bannerSwiper .swiper-slide .itemBox .mbox dl{}
.bannerSwiper .swiper-slide .itemBox .mbox dt{font-size:68px;color:#fff;font-weight:bold;line-height:120%;}
.bannerSwiper .swiper-slide .itemBox .mbox dd{margin-top:40px;}

.bannerSwiper .swiper-pagination{width:4px;height:100%;left:auto;right:2%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;}
.bannerSwiper .swiper-pagination-bullet{height:10%;width:4px;background:rgba(255,255,255,0.5);border-radius:0;opacity:1;margin:10px 0!important;}
.bannerSwiper .swiper-pagination-bullet-active{background:#36f;}

.moreBox{display:inline-block;border-radius:40px;height:40px;line-height:40px;border:2px #36f solid;padding:0px 20px;font-size:20px;color:#36f;font-weight:bold;position:relative;overflow:hidden;}
.moreBox::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#36f;transition:all .3s ease;transform:scale(0.5);border-radius:40px;opacity:0;}
.moreBox span{position:relative;z-index:9;}
.moreBox:hover{color:#fff;}
.moreBox:hover::after{transform:scale(1);opacity:1;}


.oneBox{border-top-right-radius:150px;margin-top:-150px;position:relative;z-index:99;background:#fff;padding:150px 0 0px 0;}
.oneBox .itemBox{display:flex;align-items:stretch;justify-content:space-between;}
.oneBox .itemBox .flBox{width:20%;height:100%;display:flex;align-items:center;position:relative;}
.oneBox .itemBox .info{margin-top:50%;}
.oneBox .itemBox .info dl{}
.oneBox .itemBox .info dl dt{font-size:60px;font-weight:bold;line-height:120%;}
.oneBox .itemBox .info dl dd{margin:40px 0;font-size:30px;color:#999;}
.oneBox .itemBox .info dl p{}

.oneBox .itemBox .frBox{width:80%;position:relative;overflow:hidden;}
.oneBox .productBox{width:90%;margin:0px auto; padding:20px 0;}
.oneBox .productBox a{display:block;background:#f5f5f5;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:40px;}
.oneBox .productBox dl{}
.oneBox .productBox dl dt{font-size:24px;color:#333;font-weight:bold;}
.oneBox .productBox dl dd{font-size:20px;color:#666;margin-top:10px;}
.oneBox .productBox p{padding:100px 0 0 0;}
.oneBox .productBox p img{opacity:0.4;transition:all .3s ease;}
.oneBox .productBox .swiper-slide{}
.oneBox .productBox .swiper-slide-active{}
.oneBox .productBox .swiper-slide-active a{background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.3);}
.oneBox .productBox .swiper-slide-active dl{display:block;}
.oneBox .productBox .swiper-slide-active dl dt{color:#36f;font-size:30px;}
.oneBox .productBox .swiper-slide-active p img{width:100%;opacity:1;}
.oneBox .productBox a:hover p img{opacity:1;transition:300ms;transform: scale(1.1);}


.twoBoxs{padding-top:150px;}
.twoBox{width:100%;background:url(../images/BG01.png) center center no-repeat;background-size:cover;border-bottom-right-radius:150px;padding:80px 0 60px 0;display:flex;justify-content:flex-end;}
.twoBox .itemBox{display:flex;justify-content:flex-end;}
.twoBox .itemBox .infoBox{width:520px;margin-right:80px;}

.twoBox .itemBox .infoBox{}
.twoBox .itemBox .infoBox .titBox{}
.twoBox .itemBox .infoBox .titBox dl{}
.twoBox .itemBox .infoBox .titBox dl dt{display:flex;align-items:center;}
.twoBox .itemBox .infoBox .titBox dl dt h2{color:#fff;font-size:60px;font-weight:bold;margin-right:30px;}
.twoBox .itemBox .infoBox .titBox dl dd{color:#fff;font-size:24px;line-height:200%;}

.twoBox .itemBox .infoBox .item{margin-top:40px;}
.twoBox .itemBox .infoBox .item dl{padding:30px 0;border-top:1px rgba(255,255,255,0.5) solid;}
.twoBox .itemBox .infoBox .item dl dt{color:rgba(255,255,255,0.7);font-size:20px;margin-bottom:10px;}
.twoBox .itemBox .infoBox .item dl dd{color:rgba(255,255,255,0.7);font-size:22px;word-wrap: normal;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

.twoBox .itemBox .infoBox .item a:hover dt{color:#fff;}
.twoBox .itemBox .infoBox .item a:hover dt span{color:#36f;}
.twoBox .itemBox .infoBox .item a:hover dd{color:#fff;}


.threeBoxs{padding-top:150px;}
.threeBox{}
.threeBox .titBox{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;}
.threeBox .titBox h2{font-size:60px;font-weight:bold;}
.threeBox .titBox dl{}
.threeBox .titBox dl dt{display:flex;justify-content:flex-end;}
.threeBox .titBox dl dd{color:#999;font-size:30px;line-height:200%;margin-top:5px;}
.threeBox .itemBox{background:#eaeaea;}
.threeBox .itemBox p{border-bottom-left-radius:150px;overflow:hidden;}

.footBg{background:#eaeaea;padding:60px 0;}
.footContBg{background:#fff;}
.footBg .footMenu{display:flex;align-items:flex-start;justify-content:space-between;padding:40px 0;}
.footBg .footMenu .flBox{width:45%;display:flex;align-items:flex-start;justify-content:space-between;}
.footBg .footMenu .flBox dl{margin:0px 0px 0 0;}
.footBg .footMenu .flBox dl dt{font-size:20px;font-weight:bold;margin-bottom:20px;}
.footBg .footMenu .flBox dl dd{height:40px;line-height:40px;font-size:16px;}
.footBg .footMenu .fcBox{width:220px;  margin:0 80px;}
.footBg .footMenu .fcBox dl{}
.footBg .footMenu .fcBox dl dt{font-size:20px;font-weight:bold;margin-bottom:20px;}
.footBg .footMenu .fcBox dl dd{font-size:16px;padding:10px 0;}

.footBg .footMenu .frBox{width:200px;}
.footBg .footMenu .frBox img{width:100%;}

.footBg .cotyrightBox{border-top:1px #666 solid;padding:40px 0;display:flex;align-items:flex-start;justify-content:space-between;}
.footBg .cotyrightBox .flBox{}
.footBg .cotyrightBox .flBox p{font-size:16px;line-height:38px;display:flex;align-items:center;} 
.footBg .cotyrightBox .flBox p img{margin-right:5px;}
.footBg .cotyrightBox .flBox p a{padding:0px 5px;}

.footBg .cotyrightBox .frBox{display:flex;align-items:center;flex-direction: column;}
.footBg .cotyrightBox .frBox p{padding:0px 15px;}
.footBg .cotyrightBox .frBox p img{width:120px;}
.footBg .cotyrightBox .frBox p span{display:block;height:40px;line-height:40px;color:#666;text-align:center;}

.contBanner {width:100%;overflow:hidden;}
.contBanner img{transition:1s linear 2s;transform:scale(1.1,1.1);}
.contBanner img.on{transition:6s linear;transform:scale(1,1);}


.contnavBg{border-bottom:1px #ccc solid;}
.contnavBg .contnavBox{height:70px;line-height:70px;display:flex;align-items:center;}
.contnavBg .contnavBox p{padding:0px 80px 0 0;font-size:20px;}
.contnavBg .contnavBox p a{display:block;height:70px;line-height:70px;position:relative;}
.contnavBg .contnavBox p a::after{content:'';position:absolute;bottom:-1px;width:0;left:50%;height:2px;background:#36f;transition:all .3s ease;}
.contnavBg .contnavBox p.on{font-weight:bold;}
.contnavBg .contnavBox p.on a::after{width:100%;left:0;background:#666;}
.contnavBg .contnavBox p a:hover::after{width:100%;left:0;background:#36f;}


.contBox{padding:100px 0;}
.contBox .conttit{padding-bottom:70px;}
.contBox .conttit h1{font-size:48px;}
.contBox .conttit .time{font-size:18px;margin-top:40px;}
.contBox .contTxt{line-height:36px;font-size:20px;padding-bottom:50px;}
.contBox .contTxt p{line-height:36px;font-size:20px;}

.contBox .contTxt table{max-width:1400px;}
.contBox .contTxt img{max-width:1400px;margin:8px 0;}
.contBox .contImg{padding:80px 0;}


.cultureBox{display:flex;align-items:flex-start;justify-content:space-between;}
.cultureBox dl{width:25%;}
.cultureBox dl dt{font-size:32px;}
.cultureBox dl dd{font-size:38px;font-weight:bold;}
.cultureBox dl p{font-size:20px;margin-top:40px;line-height:200%;}


.cultureTxt{}
.cultureTxt .item{padding-bottom:30px;display:flex;align-items:flex-start;justify-content:space-between;}

.cultureTxt h2{font-size:20px;padding:10px 0;}
.cultureTxt dl{width:20%;margin-bottom:60px;}
.cultureTxt dl:last-child{margin-bottom:0;}
.cultureTxt dt{font-size:18px;font-weight:bold;}
.cultureTxt dt span{font-size:28px;font-weight:bold;color:#666;margin-right:20px;}
.cultureTxt dd{color:#36f;}

.cultureTxt .item p{width:75%;line-height:28px;color:#666;padding-top:80px;text-align:justify;}


.originBox{margin-bottom: 50px;}
.originBox h2{font-size:48px;font-weight:bold;}
.originBox .itemBox{display:flex;align-items:flex-start;justify-content:space-between;margin-top:60px;}
.originBox .itemBox .item{width:47%;text-align:justify;line-height:32px;}




.footNav{height:80px;line-height:80px;font-size:16px;color:#666;}
.footNav a{padding:0 10px;color:#666;}

.pdsList{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;position:relative;}
.pdsList .item{width:48%;margin-bottom:50px;}
.pdsList .item a{display:block;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;}
.pdsList .item a img{display:block;transition:all .6s ease;}

.pdsList .item a::after{content:'';background:rgba(0,0,0,0.2);position:absolute;top:0px;left:0;width:100%;height:100%;z-index:5;transition:all .6s ease;}
.pdsList .item a p{position:absolute;bottom:0px;left:0;width:100%;z-index:9;display:flex;background:linear-gradient(to right ,rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 90%);transition:all .3s ease;}
.pdsList .item a p span{height:80px;line-height:80px;padding:0 30px;font-size:24px;color:#000;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;
  overflow:hidden;font-weight:bold;}

.pdsList .item a:hover img{transform:scale(1.2);}
.pdsList .item a:hover p{background:linear-gradient(to right ,rgba(0,122,255,0.9) 60%, rgba(0,122,255,0.4) 80%, rgba(0,122,255,0) 90%);}
.pdsList .item a:hover p span{color:#fff;}
.pdsList .item a:hover::after{background:rgba(0,0,0,0);}


.pdsList .item.info a::after{display:none;}
.pdsList .item.info p{background:linear-gradient(to right ,rgba(0,0,0,0.08) 60%, rgba(0,0,0,0.04) 80%, rgba(0,0,0,0) 90%);}

.contBox .gnBox{display:flex;align-items:flex-start;justify-content:space-between;padding:50px 0;}
.contBox .gnBox .item{width:45%;}
.contBox .gnBox .item h3{font-size:24px;}
.contBox .gnBox .item .txtBox{font-size:20px;line-height:200%;margin-top:40px;}
.contBox .gnBox .item .txtBox p{font-size:20px;line-height:200%;}

.answerBg{position:absolute;width:100%;height:50%;z-index:7;left:0px;bottom:0px;}
.answerBg .answerBox{position:relative;height:100%;}
.answerBg .answerBox .connect{position:absolute;z-index:99;left:0px;bottom:120px;display:flex;align-items:center;}
.answerBg .answerBox .connect p{}
.answerBg .answerBox .connect p img{width:180px;}

.answerBg .answerBox .connect .telInfo{margin-left:30px;}

.answerBg .answerBox .connect .telInfo .item{width:48px;height:48px;border:2px #fff solid;border-radius:60px;margin-bottom:30px;display:flex;align-items:center;color:#fff;font-size:18px;transition:all .3s ease;}
.answerBg .answerBox .connect .telInfo .item p{width:48px;height:48px;background:#fff;border-radius:100%;color:#000;display:flex;align-items:center;justify-content:center;}

.answerBg .answerBox .connect .telInfo .item p span{font-weight:bold;font-size:28px;}
.answerBg .answerBox .connect .telInfo .item dl{display:none;margin-left:0;transition:all .3s ease;}
.answerBg .answerBox .connect .telInfo .item:hover{width:auto;padding-right:20px;}
.answerBg .answerBox .connect .telInfo .item:hover dl{display:block;margin-left:20px;}


.answerList{border-bottom:1px #666 solid;margin-bottom:20px;}
.answerList dl{padding:50px 0;border-top:1px #666 solid;}
.answerList dl dt{font-size:24px;font-weight:bold;line-height:150%;}
.answerList dl dd{font-size:22px;color:#999;margin-top:40px;line-height:200%;}

.answerPage{display:flex;justify-content:flex-end;padding:40px 0;}
.answerPage a{}

.videoList{padding:100px 0 0px 0;margin-bottom:50px;min-height:600px;}
.videoNav{position:absolute;left:-170px;top:0;width:130px;height:100%;border-right:1px #ccc solid;z-index:9;}
.videoNav .nav{padding:100px 0;}
.videoNav .nav p{font-size:20px;padding:25px 0;}
.videoNav .nav p a{display:block;position:relative;}
.videoNav .nav p a::after{content:'';position:absolute;right:-2px;top:0px;width:3px;height:100%;}
.videoNav .nav p.on{font-weight:bold;}
.videoNav .nav p.on a::after{background:#333;}
.viewVideo{display:none;}

.shopBg{position:absolute;width:100%;height:50%;z-index:7;left:0px;bottom:25%;}
.shopBg .shopBox{position:relative;height:100%;}
.shopBg .shopBox dl{}
.shopBg .shopBox dl dt{font-size:105px;font-weight:bold;}
.shopBg .shopBox dl dd{margin-top:40px;}
.shopBg .shopBox dl dd a{display:inline-block;height:60px;line-height:60px;border-radius:60px;border:2px #000 solid;padding:0px 30px;font-size:24px;margin-right:20px;}
.shopBg .shopBox dl dd a:hover{background:#000;color:#fff;}


.investorBox{padding:100px 0;display:flex;align-items:center;justify-content:space-between;}
.investorBox .flBox{width:25%;border-right:1px #ccc solid;}
.investorBox .flBox .company{color:#36f;}
.investorBox .flBox .company dt{font-size:50px;font-weight:bold;line-height:100%;}
.investorBox .flBox .company dd{font-size:36px;font-weight:bold;margin-top:20px;}

.investorBox .flBox .data{margin-top:100px;}
.investorBox .flBox .data dt{display:flex;align-items:flex-end;font-size:30px;font-weight:bold;}
.investorBox .flBox .data dt p{font-size:70px;line-height:100%;overflow:hidden;margin-right:5px;}
.investorBox .flBox .data dd{color:#36f;font-size:24px;font-weight:bold;margin-top:20px;}
.investorBox .flBox .data dd span{margin-right:20px;}

.investorBox .frBox{width:70%;}
.investorBox .frBox .investorList{display:flex;align-items:center;justify-content:space-between;padding-right:50px;}
.investorBox .frBox .investorList dl{cursor:pointer;}
.investorBox .frBox .investorList dl dt{font-size:20px;font-weight:bold;}
.investorBox .frBox .investorList dl dd{font-size:36px;font-weight:bold;margin-top:40px;}
.investorBox .frBox .investorList dl:hover dd{color:#36f;}

.investorBox .frBox .tipBox{font-size:18px;margin-top:40px;color:#666;}
.chartBox{display:none;width:980px;height:440px;}

.connectBox{margin:80px auto;}
.connectBox .connectList{display:flex;align-items:center;justify-content:space-between;}
.connectBox .connectList{padding-right:200px;}
.connectBox .connectList dl{} 
.connectBox .connectList dl dt{font-size:28px;margin-bottom:40px;font-weight:bold;} 
.connectBox .connectList dl dd{font-size:20px;display:flex;align-items:center;padding:10px 0;color:#666;} 
.connectBox .connectList dl dd span{font-size:24px;margin-right:8px;} 
.connectBox .connectList dl p{margin-top:50px;}


.courseBox{padding:60px 0;position:relative;}
.courseBox::after{content:'';position:absolute;left:50%;top:0px;width:1px;height:100%;background:#d3d3d3;}
.courseBox .item{width:50%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:9;}
.courseBox .item .year{display:flex;justify-content:flex-end;margin-bottom:30px;}
.courseBox .item .year p{border-bottom:1px #d3d3d3 solid;font-size:36px;line-height:180%;font-weight:bold;position:relative;padding:0 20px 0 10px;}
.courseBox .item .year p::after{content:'';position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:100%;background:#36f;}
.courseBox .item dl{padding-right:50px;border-bottom:1px #d3d3d3 solid;padding-bottom:30px;}
.courseBox .item dl dt{}
.courseBox .item dl dd{font-size:18px;line-height:200%;padding-bottom:20px;text-align:right;}
.courseBox .item:nth-child(n+2){margin-top:-20%;}
.courseBox .item:nth-child(even){margin-left:auto;}
.courseBox .item:nth-child(even) .year{justify-content:flex-start!important;}
.courseBox .item:nth-child(even) .year p{padding:0 10px 0 20px;}
.courseBox .item:nth-child(even) .year p::after{left:-8px;}
.courseBox .item:nth-child(even) dl{padding-left:50px;padding-right:0;}
.courseBox .item:nth-child(even) dl dd{text-align:left;}


.honorBox{padding:60px 0;position:relative;}
.honorBox::after{content:'';position:absolute;left:50%;top:0px;width:1px;height:100%;background:#d3d3d3;}
.honorBox .item{width:50%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:9;}
.honorBox .item dl{padding-right:50px;border-bottom:1px #d3d3d3 solid;padding-bottom:30px;}
.honorBox .item dl dt{text-align:center;}
.honorBox .item dl dt img{max-width:100%;}
.honorBox .item dl dd{font-size:18px;line-height:200%;padding-top:10px;text-align:center;}
.honorBox .item:nth-child(n+2){margin-top:-15%;}
.honorBox .item:nth-child(even){margin-left:auto;}
.honorBox .item:nth-child(even) dl{padding-left:50px;padding-right:0;}

.stockBox{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.stockBox .item{width:48.5%;background:#fafafa;border-radius:4px;padding:15px 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;}
.stockBox .item .fl{margin-left:30px;}
.stockBox .item .fl dt{font-size:20px;line-height:200%;margin-right:30px;height:80px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.stockBox .item .fl dd{color:#36f;margin-top:5px;}
.stockBox .item .fr{margin-left:auto;margin-right:30px;}
.stockBox .item .fr a{width:60px;height:60px;border-radius:100%;border:2px #c4c4c4 solid;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.stockBox .item .fr a dt{}
.stockBox .item .fr a dt span{font-size:24px;color:#c4c4c4;}
.stockBox .item .fr a dd{font-size:12px;color:#c4c4c4;font-weight:bold;}

.stockBox .item:hover{background:linear-gradient(to right ,rgba(51,102,255,1) 20%, rgba(51,102,255,0.8) 40%, rgba(51,102,255,0.01) 90%);}
.stockBox .item:hover .fl dt{color:#fff;}
.stockBox .item:hover .fl dd{color:#fff;}
.stockBox .item:hover .fr{}
.stockBox .item:hover .fr a{border:2px #36f solid;}
.stockBox .item:hover .fr dt{}
.stockBox .item:hover .fr dt span{color:#36f;}
.stockBox .item:hover .fr dd{color:#36f;}

.stockNews{}
.stockNews .item{margin-bottom:60px;border-bottom:#c4c4c4 1px solid;padding-bottom:60px;}
.stockNews a{display:flex;align-items:flex-start;justify-content:space-between;}
.stockNews .fl{width:535px;max-height:360px;overflow:hidden;}
.stockNews .fr{margin-left:60px;flex:1;}
.stockNews.article .fr{margin-left:0px;}


.stockNews .fr p{font-size:20px;}
.stockNews .fr p span{color:#36f;}
.stockNews .fr dt{font-size:24px;padding:10px 0;}
.stockNews .fr dd{font-size:18px;line-height:200%;color:#919191;}
.stockNews .item:last-child{margin-bottom:0;}


/*分页*/ 
.pageing{text-align:center;padding:30px 0;}
.pageing ul{display:flex;align-items:center;justify-content:center;}
.pageing li{border:1px #eee solid;margin:0px 4px;}
.pageing li a{display:block;padding:0 15px;background:#fff;height:42px;line-height:42px;text-align:center;color:#666;transition:all .3s ease; }
.pageing li a:hover{background:#36f;color:#fff!important;}
.pageing li span{display:block;padding:0 15px;background:#fff;height:42px;line-height:42px;text-align:center;color:#666;transition:all .3s ease;}
.pageing li.active a{background:#36f;color:#fff;}
/*分页*/


.tipModal{background:rgba(0,0,0,0.8);padding:20px;border-radius:10px;color:#fff;text-align:center;max-width:80%;line-height:30px;position:fixed;z-index:9999999999999;left:50%;top:50%;margin-top:-35px;display: none;}


@media only screen and (max-width:640px){
   .wbox{width:100%;}
   .flexs-hidden {
       display: none;
   }
}

@media only screen and (min-width:641px) and (max-width:1024px) 
{
   .wbox{width:100%;}
   .flexs-hidden {
      display: none; 
   }
   .contnavBg .contnavBox p {
       padding: 0px 40px 0 0;
   }
}

@media only screen and (min-width: 1025px) and (max-width:1280px) {
   .wbox{width:100%;}
   .flexs-hidden {
      display: none;
   }
   .contnavBg .contnavBox p {
       padding: 0px 40px 0 0;
   }
}

@media only screen and (min-width: 1281px) and (max-width:1360px) {
   .wbox{width:1080px;}
   .mbox{max-width:1080px;}
   .mw{min-width:1080px;}
   .contnavBg .contnavBox p {
       padding: 0px 40px 0 0;
   }
}

@media only screen and (min-width: 1361px) and (max-width:1440px) {
   .wbox{width:1200px;}
   .mbox{max-width:1200px;}
   .mw{min-width:1200px;}
}